Adwaita: Don't use a property that GTK+ 3 lacks

border-spacing was not backported (yet?). If it won't be, then a
suitable replacement is needed. Until then, avoid the runtime error that
can result from using a nonexistent property in our theme.

https://gitlab.gnome.org/GNOME/gtk/issues/1166

diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index f095083b8f852f0e501bf68a7ef76b98be7502b9..9a8b87fefa490af769bd00affc0593d2e61c8098 100644 (file)
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -4573,7 +4573,8 @@ popover.emoji-completion arrow {
 }
 
 popover.emoji-completion contents row box {
-  border-spacing: 10px;
+  // FIXME: needs redone in a GTK+ 3 compatible way
+  //border-spacing: 10px;
   padding: 2px 10px;
 }
 

diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index 858a95700665c8cd994594bc44e2ee0fb82c8882..67a33a72485871e135c4f122318347c0b8244dd3 100644 (file)
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -1936,7 +1936,7 @@ popover.emoji-picker .emoji :hover { background: #215d9c; }
 
 popover.emoji-completion arrow { border: none; background: none; }
 
-popover.emoji-completion contents row box { border-spacing: 10px; padding: 2px 10px; }
+popover.emoji-completion contents row box { padding: 2px 10px; }
 
 popover.emoji-completion .emoji:hover { background: #3f4649; }
 

diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index 123d2d33558bf134afd97826e4e9c54c75df2aec..6df556387cd541fa73eff8321a628fd224092d23 100644 (file)
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -1956,7 +1956,7 @@ popover.emoji-picker .emoji :hover { background: #4a90d9; }
 
 popover.emoji-completion arrow { border: none; background: none; }
 
-popover.emoji-completion contents row box { border-spacing: 10px; padding: 2px 10px; }
+popover.emoji-completion contents row box { padding: 2px 10px; }
 
 popover.emoji-completion .emoji:hover { background: #f4f4f4; }